
#main {
    font-family: verdana;
    font-size: 16px;
    padding-top: 1.2em;
    background: #9EED55;
	width: 320px;
	height: 480px;
}

#top {
    display: none;
    width: 80%;
    /*font-size: 16px;*/
    font-size: 1.1em;
	background-color: white;
    margin-top: 1.25em;
    margin: 0 auto;
    padding: 0.5em;
    box-shadow: inset 1px 1px 1px 1px #939393;
    -webkit-border-radius: 0.5em; 
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);
    border:1px green solid;
}
#question {
    display: none;
    width: 80%;
    height: 5.5em;
    font-size: 1.25em;
	background-color: white;
    margin: 0 auto;
    margin-top: 0.6em;
    padding: 0.5em;
    box-shadow: inset 1px 1px 1px 1px #939393;
    -webkit-border-radius: 0.5em; 
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);
    border:1px green solid;
}
#questionP {
    
}

#buttons {
    text-align: center;
    display: none;
    float: left;
    width: 320px;
    height: 10%;
    margin: 0 auto;
    margin-top: 0.3em;
}


#divSend {
    margin-top: 0.625em;
    margin-right: 1.875em;
    float: right;
    display: none;
}

#divNext {
    margin-right: 0.9em;
    float: right;
    display: none;
}

#divDisagree {
    display: none;
    margin-left: 0.3em;
    font-size: 0.9em;
    float: left;
}

#divAgree {
    display: none;
    margin-right: 0.3em;
    font-size: 0.9em;
    float: right;
   
}

  /*Bubble css below!*/

  .triangle-isosceles {
   position:relative;
   padding:0.4em;
   margin:0.3em 0 0.9em;
   color:#000;
   background:#f3961c;

   /* css3 */
   -moz-border-radius:0.6em;
   -webkit-border-radius:0.6em;
   border-radius:0.6em;
   background:-moz-linear-gradient(top, #f9d835, #f3961c);
   background:linear-gradient(top, #f9d835, #f3961c);
   box-shadow: 0 3px 2px rgba(0,0,0,.2);
}

  /* creates triangle */
.triangle-isosceles:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-0.875em;
   left:2.5em;
   width:0;
   border-width:0.935em 0.5em 0;
   border-style:solid;
   border-color:#f3961c transparent;

}

.right:after {
    left: 2.5em;
}

/*button CSS BELOW*/ 

.button {
    width: 17%;
    height: 2.1em;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font:1.1em Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 3px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 2px rgba(0,0,0,.2);
	box-shadow: 0 3px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.button1 {
    
}

.button2 {
    width: 4.5em;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
@media only screen and (max-width: 1000px)
{
    #main {
       font-size: 45px;
       width: 100%;        
    height: 100%;
    min-height: 100%;
    height: auto;
    /*position: fixed;*/
    top: 0;
    left: 0; 
    }
    #divNext {
        margin-top: 0.6em;
        
    }
    #buttons {
        width: 100%;
}
}
  
